<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
		

<!DOCTYPE html>
<html lang="en">
<head>
<title>PRE-FLIGHT BRIEFING</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/js/jquery.min.js"></script>
<script src="/js/jquery.dropotron.min.js"></script>
<script src="/js/json2.js"></script>		
<style>

/* webfont */
@font-face{
  font-family: 'NanumGothicWeb';
  font-style: normal;
  font-weight: normal;
  src: url('/images2/font/NanumGothic.eot'); 
  src: local('?'), url('/images2/font/NanumGothic.woff') format('woff'), url('/images2/font/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothicWebB';
  font-style: normal;
  font-weight: bold;
  src: url('/images2/font/NanumGothicBold.eot');     
  src: local('?'), url('/images2/font/NanumGothicBold.woff') format('woff'), url('/images2/font/NanumGothicBold.ttf') format('truetype'); 
}

/* Font-Family */
html,body,input,textarea,select,button,table{font-family:나눔고딕, 'NanumGothic', 'NanumGothicWeb', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif, NanumPen;}
strong{font-family:나눔고딕, 'NanumGothic', 'NanumGothicWebB', '맑은 고딕', 'Malgun Gothic', 돋움, 굴림, Dotum, Gulim, sans-serif;}


    html{width:900px;}	
	body { width:100%; padding:0; margin:0 0 0 10px;font-size:12px;  color:#333}
	table{*border-collapse:collapse;border-spacing:0;}
	h1 { text-align:left; padding:15px 0 12px 10px; font-size:25px; border-bottom:4px solid #1f1f1f;} 
	h2 { font-size:16px; padding:0 5px 3px 5px;  margin:0;}
	.grid { border:1px solid #333;padding:1px;}
	.gridin { border-left:2px solid #333; border-top:2px solid #333; border-right:2px solid #333;border-bottom:1px solid #333; }
	.grid table {width:100%; border-collapse:collapse}
	.grid table th {border-bottom:1px solid #333;  padding:2px; text-align:left }	 
	.grid table td {border-bottom:1px solid #333;  padding:2px; }
	.grid table td span {font-weight:bold; padding:0 5px}
	.grid02 {border:1px solid #1d1f24;}
	.grid02 table {width:358px; height:526px; border-collapse:collapse;}
	.grid02 table thead th {border-bottom:1px solid #333; border-right:1px solid #333; padding:5px 5px; background-color:#484a4d; color:#fff; text-align:center;}	 
	.grid02 table tbody td {border-bottom:1px solid #333; border-right:1px solid #333; padding:8px 5px; text-align:center; }
	.grid02 table .title th { color:#fff; text-align:center;background-color:#666; padding:8px 5px;}
	.weather-notams-area {margin-left:359px; }
	.weather-notams-area .cont {border:1px solid #1d1f24; padding:1px; overflow:auto; }
	input { padding:0;  border-radius:2px; height:15px;line-height:14px;border:1px solid #bababa;  }
	input.full {width:95%; text-align:center;}
	input.full2 {width:80%;vertical-align:bottom; text-align:center; }
	input.full3 {width:60%;vertical-align:bottom; text-align:center; }
	input.full4 {width:58%;vertical-align:bottom; text-align:center; }
	input.w100 {width:100px;vertical-align:bottom; text-align:center; }
	.clear {*zoom:1;}
	.clear:after {display:block; clear:both; content:"";}
	.floatL {float:left}
	.floatR {float:right}
	.mgT30 {margin-top:20px!important}
	.cont-bottom {position:relative; padding:8px 0px 4px 6px; font-size:14px;}
	.cont-bottom ul {margin:0; padding:0; margin-right:110px}
	.cont-bottom li {float:left;  list-style:none; padding:4px; }
	.cont-bottom li a {padding:0 13px 0 13px; text-decoration:none; color:#333;font-weight:bold;}
	.sign-area {position:absolute; right:0; top:30px; padding:1px; border:1px solid #333;} 
	.sign-area2 {border:2px solid #333;padding:5px 5px 5px 5px; font-weight:bold; }	
	.line { margin:20px 0 8px 0;width:100%; height:18px;background-color:#a5a5a8;}
	.board_head table{width:900px;border:0;  border-collapse:collapse; text-align:left;font-size:16px; padding:0 5px;  margin:0; font-weight:bold; }	
    .board_body table{width:900px; border:1px solid #333; padding:0; border-collapse:collapse;text-align:left; valign:top;}
	.board_body table th{ }
    .board_body table td{height:23px;border-bottom:1px solid #333; }
	.btn{ padding:5px 20px; margin-right:10px; border:1px solid #9c9c9c; background-color:#f2f2f3; text-decoration:none; color:#333;  font-size:11px; }
     .ms2{ margin:20px 0 20px 370px;}
	 .vatop{vertical-align:text-top; padding-left:3px; }
     .border_right{border-right:1px solid #333;}
	 .border_top{border-top:1px solid #333;}
	 .border_left{border-left:1px solid #333;}
	 .border_bottom{border-bottom:1px solid #333;}	 
	 textarea:disabled,input[type="text"]:disabled{background-color:#fff; border:0;}
	 .pen{  width:98.8%;height:99%;overflow-x:hidden; overflow-y:hidden; background: url(images/text_line_02.png) repeat; line-height: 35px;}
</style>  

<script src="/js/jStorage.js"></script>
<script type="text/javascript">
		
	var selectFlyTypeInfo, selectAirportInfo, calcBalance, calcParam, selectDistanceCalc, goBrowserSave, goBrowserDelete, goPrint  ;
	
	$(document).ready(function() {

		$("#plane_type").change(function(){
			selectFlyTypeInfo();
		});
		goPrint = function(){ //style="overflow-x:hidden; overflow-y:auto;"		
			$("#printcontrol").css("display", "none");
			//$("#weather_notams").css("overflow-x", "hidden");
			//$("#weather_notams").css("overflow-y", "auto");
			 var arrId = new Array();
			 var idCnt = 0;
			$('input[type=text]').each(function() {
				var textId = jQuery(this).attr('id');
				
				if($("#"+ textId).is(':disabled')==false){
					arrId[idCnt++] = textId;
					$("#"+ textId).attr("disabled",true);
					//return false; 
				}
				
			});
			$("#div_1_plane_type").css("display", "none");
			$("#div_1_dep_airport").css("display", "none");
			$("#div_1_des_airport").css("display", "none");
			
			$("#div_2_plane_type").css("display", "");
			$("#div_2_dep_airport").css("display", "");
			$("#div_2_des_airport").css("display", "");
			
			//console.log(arrId);
			window.print();
			jQuery.each(arrId, function(index, value) {
				console.log(index + ':' + value);
				$("#"+ value).attr("disabled",false);
			});
			$("#printcontrol").css("display", "");
			
			$("#div_1_plane_type").css("display", "");
			$("#div_1_dep_airport").css("display", "");
			$("#div_1_des_airport").css("display", "");
			
			$("#div_2_plane_type").css("display", "none");
			$("#div_2_dep_airport").css("display", "none");
			$("#div_2_des_airport").css("display", "none");
		};
		var initBrowser = function(){
			//$("#plane_type").val($.jStorage.get("plane_type"));
			
			$('input[type=text]').each(function() {
				if($("#"+ jQuery(this).attr('id')).val() == '' ){
					$("#"+jQuery(this).attr('id')).val($.jStorage.get(jQuery(this).attr('id'),''));					
				}
				if(jQuery(this).attr('id') == 'rp'){					
					if($.jStorage.get(jQuery(this).attr('id'),'') != ''){
						$("#"+jQuery(this).attr('id')).val($.jStorage.get(jQuery(this).attr('id'),''));
					}
				}
			});
			$('input[type=hidden]').each(function() {
				if($("#"+ jQuery(this).attr('id')).val() == ''){
					$("#"+jQuery(this).attr('id')).val($.jStorage.get(jQuery(this).attr('id'),''));
				}				
			});
			$( "select" ).each(function() {
				$("#"+jQuery(this).attr('id')).val($.jStorage.get(jQuery(this).attr('id'),''));
			});
			
			$( "textarea" ).each(function() {
				$("#"+jQuery(this).attr('id')).text($.jStorage.get(jQuery(this).attr('id'),''));
			});
			$('input[type=checkbox]').each(function() {
				$("input:checkbox[id='"+jQuery(this).attr('id')+"']").attr("checked", $.jStorage.get(jQuery(this).attr('id'),false));
			});
			
			//alert($('#pound_no').val())
		}
		
		goBrowserDelete = function(){
			$.jStorage.flush();
			location.reload();
		}
		goBrowserSave  = function(){
			$.jStorage.set("plane_type",$("#plane_type").val());
			
			$('input[type=text]').each(function() {
				if(jQuery(this).attr('id') != null){
					if(jQuery(this).attr('id') != null){
						$.jStorage.set(jQuery(this).attr('id'),$("#"+ jQuery(this).attr('id')).val());
					}
				}
			});
			$('input[type=hidden]').each(function() {
				if(jQuery(this).attr('id') != null){
					if(jQuery(this).attr('id') != null){
						$.jStorage.set(jQuery(this).attr('id'),$("#"+ jQuery(this).attr('id')).val());
					}
				}
			});
			$( "select" ).each(function() {
				$.jStorage.set(jQuery(this).attr('id'),$("#"+ jQuery(this).attr('id')).val());
			});
			$( "textarea" ).each(function() {
				$.jStorage.set(jQuery(this).attr('id'),$("#"+ jQuery(this).attr('id')).val());
			});
			$('input[type=checkbox]').each(function() {
				$.jStorage.set(jQuery(this).attr('id'),$("#"+ jQuery(this).attr('id')).is(":checked"));
			});
		}
		// 
	    selectFlyTypeInfo = function(){
	    	var params = {
	    		fly_no : $("#plane_type").val()	
	    	};
	    	$('#plane_type'+'_text').val('HL'+$("#plane_type").val());	
	    	$.ajax({
	    			url : "/fly/ajax/selectFlyTypeInfo.do"
	    			,type : "POST"
	    			,dataType : "json"
	    			,data : params
	    			,success : function(data) {


	    				$('#pound_no').val(data.flyTypeInfo.pound_no);
	    				$('#bew_weight').val((data.flyTypeInfo.bew_weight + 0.049).toFixed(1));
	    				$('#bew_arm').val((data.flyTypeInfo.bew_arm + 0.049).toFixed(1));
	    				$('#ba_1_weight').val((data.flyTypeInfo.ba_1_weight + 0.049).toFixed(1));
	    				$('#ba_2_weight').val((data.flyTypeInfo.ba_2_weight + 0.049).toFixed(1));
	    				$('#trfb_weight').val((data.flyTypeInfo.trfb_weight + 0.049).toFixed(1));
	    				$('#fuel').val(data.flyTypeInfo.fuel);
	    				$('#dep_vlo').val(data.flyTypeInfo.vlo);
	    				$('#dep_speed_at_50ft').val(data.flyTypeInfo.speed_at_50ft);
	    				$('#des_approach_speed').val(data.flyTypeInfo.approach_speed);
	    				//$('#fb_weight').val((data.flyTypeInfo.fb_weight + 0.049).toFixed(1));
	    				
	    				$('#fb_weight').val((parseFloat($('#fuel_required').val())*6).toFixed(1));
	    				calcParam('fuel');
	    				calcBalance();
	    				

	    			 }
	    	});
	    	
	    	
	    };
	    
	    selectAirportInfo = function(airport_depdes_type){
	    	var params = {
	    			airport_depdes_type : airport_depdes_type.toUpperCase()
	    			,airport_no : $("#"+airport_depdes_type+"_"+"airport").val()	
	    			
	    	};
	    	$("#"+airport_depdes_type+"_"+"airport"+'_text').val($("#"+airport_depdes_type+"_"+"airport  option:selected").text());	
	    	$.ajax({
	    			url : "/fly/ajax/selectAirportInfo.do"
	    			,type : "POST"
	    			,dataType : "json"
	    			,data : params
	    			,success : function(data) {

	    				$('#'+airport_depdes_type+'_'+'elevation').val(data.ariportInfo.elevation);
	    				$('#'+airport_depdes_type+'_'+'runway').val(data.ariportInfo.runway);
	    				$('#'+airport_depdes_type+'_'+'runway_length').val(data.ariportInfo.runway_length);


	    			 }
	    	});
	    };
	    
	    selectDistanceCalc = function(airport_depdes_type){
	    	if($("#"+airport_depdes_type+"_"+"airport").val() != ''){
	    		if($('#'+airport_depdes_type+'_'+'temperature').val() != ''){
	    			if($('#'+airport_depdes_type+'_'+'altimeter_setting').val() != ''){
		    			$('#'+airport_depdes_type+'_'+'pressure_altitude').val(Math.round(((29.92 - parseFloat($('#'+airport_depdes_type+'_'+'altimeter_setting').val()))*1000 
		    			+ parseFloat($('#'+airport_depdes_type+'_'+'elevation').val()))+0.49));
		    			$('#'+airport_depdes_type+'_'+'density_altitude').val(Math.round(((parseFloat($('#'+airport_depdes_type+'_'+'temperature').val()) - 15)*120 
				    			+ parseFloat($('#'+airport_depdes_type+'_'+'pressure_altitude').val()))+0.049));

						var distanceType = 'takeoff';
						if(airport_depdes_type == 'des'){
							distanceType = 'landing';
						}
		    			var params = {
		    	    			press_alt : $("#"+airport_depdes_type+"_"+"pressure_altitude").val()
		    	    			,temp : $("#"+airport_depdes_type+"_"+"temperature").val()	
		    	    			,pound_no : $("#pound_no").val()	
		    	    			,distanceType : distanceType
		    	    			
		    	    	};
		    			
		    			selectLandingDistanceInfo(params, airport_depdes_type);

		    		}
	    		}
	    	}
	    };
	    selectLandingDistanceInfo = function(params, airport_depdes_type){


	    	$.ajax({
	    			url : "/fly/ajax/selectLandingDistanceInfo.do"
	    			,type : "POST"
	    			,dataType : "json"
	    			,data : params
	    			,success : function(data) {
	    				$('#'+airport_depdes_type+'_'+'ground_roll').val(Math.round(parseFloat(data.ground_roll) + 0.049));
	    				
	    				if(airport_depdes_type == 'dep'){
	    					$('#'+airport_depdes_type+'_'+'takeoff_distance').val(Math.round(parseFloat(data.takeoff_distance) + 0.049));
	    					$('#'+airport_depdes_type+'_'+'rate_of_climb').val(Math.round(parseFloat(data.rate_of_climb) + 0.049) + " fpm");
	    				}else{

	    					$('#'+airport_depdes_type+'_'+'landing_distance').val(Math.round(parseFloat(data.takeoff_distance) + 0.049));
	    				}
	    			 }
	    	});
	    };
	    
	    
	    $('#fuel_required').change(function() {
	    	$('#fb_weight').val((parseFloat($('#fuel_required').val())*6).toFixed(1));
	    	calcParam('fb_weight');
	    	calcTotal();
	    });	 
	    $('#dep_airport').change(function() {
	      	selectAirportInfo('dep');
	    });	    
	    $('#des_airport').change(function() {
	    	selectAirportInfo('des');
	    });
	    $('#pcp_seat').change(function() {
	    	calcParam('pcp_seat');
	    });
	    $('#rp').change(function() {
	    	calcParam('rp');
	    });
	    $('#fuel').change(function() {
	    	calcParam('fuel');
	    });
	    $('#ba_1_weight').change(function() {
	    	calcParam('ba_1_weight');
	    });
	    $('#ba_2_weight').change(function() {
	    	calcParam('ba_2_weight');
	    });
	    $('#trfb_weight').change(function() {
	    	calcParam('trfb_weight');
	    });
	    $('#fb_weight').change(function() {
	    	calcParam('fb_weight');
	    });
	    
	    $('#dep_temperature').change(function() {
	    	selectDistanceCalc('dep');
	    });
		$('#dep_altimeter_setting').change(function() {
			selectDistanceCalc('dep'); 	
		});
		$('#des_temperature').change(function() {
			selectDistanceCalc('des');
		});
	    
	    $('#des_altimeter_setting').change(function() {
	    	selectDistanceCalc('des');
	    });
	    
	    $('.full').change(function() {
	    	calcTotal();
	    });
	    calcBalance = function(){
	    	$('#bew_weight_moment').val((parseFloat($('#bew_weight').val()) * parseFloat($('#bew_arm').val()) /1000+0.049).toFixed(1));
	    	calcParam('ba_1_weight');
	    	calcParam('ba_2_weight');
	    	calcParam('trfb_weight');
	    	calcParam('fb_weight');
	    };
	    
	    calcParam = function(paramName){
	    	$('#'+paramName + '_moment').val((parseFloat($('#'+paramName).val()) * parseFloat($('#'+paramName + '_param').val()) /1000).toFixed(1));
	    }
	    
	    calcTotal = function(paramName){
	    	var bew_weight = $("#bew_weight").val();
	    	var pcp_seat = $("#pcp_seat").val();
	    	var rp = $("#rp").val();
	    	var fuel = $("#fuel").val();
	    	var ba_1_weight = $("#ba_1_weight").val();
	    	var ba_2_weight = $("#ba_2_weight").val();
	    	
	    	if(bew_weight != '' && 
	    			pcp_seat != '' &&
	    			rp != '' &&
	    			fuel != '' &&
	    			ba_1_weight != '' &&
	    			ba_2_weight != '' ){
		    	$('#rw_weight_total').val((parseFloat(bew_weight)	+ 
									    	parseFloat(pcp_seat)	+
									    	parseFloat(rp)	+
									    	parseFloat(fuel)	+
									    	parseFloat(ba_1_weight)	+
									    	parseFloat(ba_2_weight)+0.049).toFixed(1));
		    	
		    	$('#rw_moment_total').val((parseFloat($('#bew_weight_moment').val())	+ 
				    	parseFloat($('#pcp_seat_moment').val())	+
				    	parseFloat($('#rp_moment').val())	+
				    	parseFloat($('#fuel_moment').val())	+
				    	parseFloat($('#ba_1_weight_moment').val())	+
				    	parseFloat($('#ba_2_weight_moment').val())+0.049).toFixed(1));
		    	
		    	$('#rw_arm_total').val((parseFloat($('#rw_moment_total').val())	/ parseFloat($('#rw_weight_total').val()) * 1000+0.049).toFixed(1));
		    	
		    	
		    	var trfb_weight = $("#trfb_weight").val();
		    	var trfb_weight_param = $("#trfb_weight_param").val();
		    	var trfb_weight_moment = $("#trfb_weight_moment").val();
		    	
		    	if(trfb_weight != ''){
		    		$('#to_weight_total').val((parseFloat($('#rw_weight_total').val()) - parseFloat(trfb_weight)+0.049).toFixed(1));
		    		$('#to_moment_total').val((parseFloat($('#rw_moment_total').val()) - parseFloat(trfb_weight_moment)+0.049).toFixed(1));
		    		$('#to_arm_total').val((parseFloat($('#to_moment_total').val()) / parseFloat($('#to_weight_total').val()) * 1000+0.049).toFixed(1));
		    		
		    		$('#dep_takeoff_weight').val($('#to_weight_total').val());
		    		

		    	}
		    	
		    	var fb_weight = $("#fb_weight").val();
		    	var fb_weight_param = $("#fb_weight_param").val();
		    	var fb_weight_moment = $("#fb_weight_moment").val();
		    	
		    	if(fb_weight != ''){
		    		$('#ld_weight_total').val((parseFloat($('#to_weight_total').val()) - parseFloat(fb_weight)+0.049).toFixed(1));
		    		$('#ld_moment_total').val((parseFloat($('#to_moment_total').val()) - parseFloat(fb_weight_moment)+0.049).toFixed(1));
		    		$('#ld_arm_total').val((parseFloat($('#ld_moment_total').val()) / parseFloat($('#ld_weight_total').val()) * 1000+0.049).toFixed(1));
		    		$('#des_landing_weight').val($('#ld_weight_total').val());
		    	}
		    	
		    	$('#weather_notams').html('Va = ' + ((99*Math.sqrt((parseFloat($('#ld_weight_total').val())/parseFloat($('#pound_no').val())))+0.049).toFixed(1)) + ' KIAS'); 
		    	
		    	
		    	
	    	
	    	}

	    }
	    initBrowser();
    });
    </script>
</head>
<body>
	<h1><img src="/images2/top_title.png" style="width:860px; height:50px;"></h1>
	<input type="hidden" id="pound_no" />	
	<div class="grid">
      <div class="gridin">
		<table style=" font-size:13px;">	
			<colgroup>
				<col style="width:150px" />
				<col style="width:auto" />	 
				<col style="width:150px" />
				<col style="width:auto" />
				<col style="width:150px" />
				<col style="width:auto" />
			</colgroup>
			<tr>
				<th scope="row">A/C REGISTRATION :</th>
				<td colspan="2">
					<div id="div_1_plane_type">
					 <select id="plane_type" style="float:left;">
					 <option value="">항공기 종류를 선택하세요.</option>
			          <c:forEach var="airplane" items="${flyTypeList}" varStatus="status">
						  <option value="${airplane.fly_no}">${airplane.fly_name}</option>
					  </c:forEach>
				     </select>
				     </div>
				     <div id="div_2_plane_type" style="display: none;">	
				     <input type="text" id="plane_type_text" style="width:50%"/>
				     </div>			    
				</td>
				<th scope="row" style="border-left:1px solid #333;">Date :</th>
				<td colspan="2">
				 	<input type="text" id="report_date" style="width:50%" />	
				</td>
			</tr>
			<tr>
				<th scope="row">INSTRUCTOR :</th>
				<td colspan="2">
					<input type="text" id="instructor" style="width:50%" />	
				</td>
				<th scope="row" style="border-left:1px solid #333;">STUDENT :</th>
				<td colspan="2" style="vertical-align: inherit;">
				<input type="text" id="student" style="width:50%" />	
				 </td>
			</tr>
			<tr>
				<th scope="row">FLIGHT ROUTE :</th>
				<td  colspan='2'>
					<input type="text" id="flignt_route" name="" style="width:50%" />	
				</td>
				<td style="text-align:right" colspan='3'>
					<span>VFR<input type="checkbox" id="chkVFR" style="vertical-align:middle;"></span> | 
					<span>IFR<input type="checkbox" id="chkIFR" style="vertical-align:middle;"></span> | 
				</td>
			</tr>
			<tr>
				<th scope="row">FUEL ON BOARD :</th>
				<td><input type="text" id="fuel_on_board" style="width:50%" /> GAL.</td>
				<th scope="row" style="border-left:1px solid #333;">FUEL REQUIRED :</th>
				<td><input type="text" id="fuel_required" style="width:50%" value="15"/> GAL.</td>
				<th scope="row" style="border-left:1px solid #333;">ETA :</th>
				<td><input type="text" id="eta" class="full" /></td>
			</tr>
		</table>
       </div>
	</div>
	<div class="line"></div>
	<div class="clear">
		<div class="floatL" style="width:40%"><!-- WEIGHT AND BALANCE -->
			<h2>WEIGHT AND BALANCE</h2>
			<div class="grid02">
				<table style=" font-size:13px;">
					<thead>
						<tr>
							<th scope="col" style="width:55%">ITEM</th>
							<th scope="col" style="width:15%">WEIGHT</th>
							<th scope="col" style="width:15%">ARM</th>
							<th scope="col" style="width:15%; border-right:0;">MOMENT</th>
						</tr>
					</thead>
					<tbody>
						<tr>
				          <td>BASIC EMPTH WEIGHT</td>
				          <td><input type="text" class="full" id="bew_weight" disabled></td>
				          <td><input type="text" class="full" id="bew_arm" disabled></td>
				          <td><input type="text" class="full" id="bew_weight_moment" disabled></td>
				        </tr>
				        <tr>
				          <td>PILOT/CO-PILOT SEAT</td>
				          <td><input type="text" class="full" id="pcp_seat"></td>
				          <td><input type="text" class="full" id="pcp_seat_param" value="37" disabled></td>
				          <td><input type="text" class="full" id="pcp_seat_moment" disabled></td>
				        </tr>
				        <tr>
				          <td>REAR PASSENGER</td>
				          <td><input type="text" class="full" id="rp" value="0"></td>
				          <td><input type="text" class="full" id="rp_param" value="73" disabled></td>
				          <td><input type="text" class="full" id="rp_moment" value="0.0" disabled></td>
				        </tr>
				        <tr>
				          <td>FUEL</td>
				          <td><input type="text" class="full" id="fuel"></td>
				          <td><input type="text" class="full" id="fuel_param" value="48" disabled></td>
				          <td><input type="text" class="full" id="fuel_moment" disabled></td>
				        </tr>
				        <tr>
				          <td>BAGGAGE AREA 1</td>
				          <td><input type="text" class="full" id="ba_1_weight"></td>
				          <td><input type="text" class="full" id="ba_1_weight_param" value="95" disabled></td>
				          <td><input type="text" class="full" id="ba_1_weight_moment" disabled></td>
				        </tr>
				        <tr>
				          <td>BAGGAGE AREA 2</td>
				          <td><input type="text" class="full" id="ba_2_weight"></td>
				          <td><input type="text" class="full" id="ba_2_weight_param" value="123" disabled></td>
				          <td><input type="text" class="full" id="ba_2_weight_moment" disabled></td>
				        </tr>
						<tr class="title">
							<th scope="row" >RAMP WEIGHT & CG</th>
							<th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="rw_weight_total" disabled></th>
				            <th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="rw_arm_total" disabled></th>
				            <th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="rw_moment_total" disabled></th>
						</tr>
						<tr>	
				          <td>TAXI & RUN-UP <br/>FUEL BURN</td>
				          <td><input type="text" class="full" id="trfb_weight"></td>
				          <td><input type="text" class="full" id="trfb_weight_param" value="48" disabled></td>
				          <td><input type="text" class="full" id="trfb_weight_moment" disabled></td>
						</tr>
						<tr class="title">
							<th scope="row" >T/O WEIGHT $ CG</th>
							<th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="to_weight_total" disabled></th>
				            <th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="to_arm_total" disabled></th>
				            <th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="to_moment_total" disabled></th>
						</tr>
						<tr>
				          <td>FUEL BURN</td>
				          <td><input type="text" class="full" id="fb_weight"  ></td>
				          <td><input type="text" class="full" id="fb_weight_param" value="48" disabled ></td>
				          <td><input type="text" class="full" id="fb_weight_moment" disabled ></td>
				        </tr>
				        <tr class="title">
							<th scope="row" >L/D WEIGHT $ CG</th>
							<th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="ld_weight_total" disabled></th>
				            <th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="ld_arm_total" disabled></th>
				            <th scope="row" ><input style="background-color:#666; border:0; color:#fff;" type="text" class="full" id="ld_moment_total" disabled></th>
						</tr>
					</tbody>
				</table>
			</div>
		</div><!-- //WEIGHT AND BALANCE -->
		<div class="weather-notams-area">
			<h2>WEATHER & NOTAMs</h2>
			<div class="cont" style="height:524px; width:535px;overflow-x:hidden; overflow-y:hidden;"><!-- [D] 왼쪽 TABLE이랑 높이 값 맞출것 -->
				<textarea id='weather_notams' class="pen" />
				</textarea>
			</div>
		</div>
	</div>
	       <div class="line"></div>
            <div class="board_head">   
              <table border="0">
                <thead>
                    <tr>
                        <th width="450px" style="text-align:left">DEPARTURE AIRPORT</th>
                        <th width="450px" style="text-align:left">TAKEOFF PERFORMANCE</th>
                    </tr>
                </thead>
              </table>
            </div>  
            <div class="board_body">           
					<table>	
                        <colgroup>
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                        </colgroup>	
						<tbody>
							<tr>
							 <td class="vatop">IDENTIFIER:</td>
                             <td>
                             	<div id="div_1_dep_airport">
                                 <select style="width:95%;" id="dep_airport">
                                    <option value="">출발공항</option>
                                    <c:forEach var="airport" items="${depAirportList}" varStatus="status">
                                    <option value="${airport.airport_no}">${airport.airport_name}</option>
                                    </c:forEach>
						         </select>
						         </div>
						         <div id="div_2_dep_airport" style="display: none;">	
							     	<input type="text" id="dep_airport_text" style="width:50%"/>
							     </div>
                             </td>
								<td class="vatop border_left">ELEVATION:</td>
                                <td><input type="text" id="dep_elevation" class="full2" disabled/>ft</td>
								<td class="vatop border_left">TAKEOFF WEIGHT:</td>
                                <td><input type="text" id="dep_takeoff_weight" class="full2" disabled/>lbs</td>
								<td class="vatop border_left"></td>
                                <td></td>
							</tr>
							<tr>
								<td class="vatop">RUNWAY:</td>
                                <td><input type="text" id="dep_runway" class="full2" disabled/></td>
								<td class="vatop border_left">RUNWAY LENGTH:</td>
                                <td><input type="text" id="dep_runway_length" class="full2" disabled/>ft</td>
								<td class="vatop border_left">GROUND ROLL:</td>
                                <td><input type="text" id="dep_ground_roll" class="full2" disabled/>ft</td>
								<td class="vatop border_left">TAKEOFF DISTANCE:</td>
                                <td><input type="text" id="dep_takeoff_distance" class="full2" disabled/>ft</td>
							</tr>
                            <tr>
								<td class="vatop">TEMPERATURE:</td>
                                <td><input type="text" id="dep_temperature" class="full2" />℃</td>
								<td class="vatop border_left">ALIMETER SETTING:</td>
                                <td><input type="text" id="dep_altimeter_setting" class="full3" />inHg</td>
								<td class="vatop border_left">VLO:</td>
                                <td><input type="text" id="dep_vlo" class="full3" />KIAS</td>
								<td class="vatop border_left">SPEED AT 50FT:</td>
                                <td><input type="text" id="dep_speed_at_50ft" class="full3" />KIAS</td>
							</tr>
                            <tr>
								<td class="vatop">PRESSURE ALTITUDE:</td>
                                <td><input type="text" id="dep_pressure_altitude" class="full2" disabled/>ft</td>
								<td class="vatop border_left">DENSITY ALTITUDE:</td>
                                <td><input type="text" id="dep_density_altitude" class="full2" disabled/>ft</td>
								<td class="vatop border_left">RATE OF CLIMB:</td>
                                <td><input type="text" id="dep_rate_of_climb" class="full2" disabled/></td>
								<td class="vatop border_left"></td>
                                <td></td>
							</tr>
						</tbody>
					</table>
				</div>
                
            <div class="line"></div>
            <div class="board_head">   
              <table border="0">	
                <thead>
                    <tr>
                        <th width="450px" style="text-align:left">DESTINATION AIRPORT</th>
                        <th width="450px" style="text-align:left">LANDING PERFORMANCE</th>
                    </tr>
                </thead>
              </table>
            </div>  
            <div class="board_body">           
					<table>	
                        <colgroup>
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                          <col style="width:15%;" />
                          <col style="width:10%;" />
                        </colgroup>	
						<tbody>
							<tr>
								<td class="vatop">IDENTIFIER:</td>
                                <td>
                                <div id="div_1_des_airport">
                                <select style="width:95%;" id="des_airport">
                                   <option value="">도착공항</option>
                                   <c:forEach var="airport" items="${desAirportList}" varStatus="status">
                                   <option value="${airport.airport_no}">${airport.airport_name}</option>
                                  </c:forEach>
						        </select>
						        </div>
						        <div id="div_2_des_airport" style="display: none;">	
							     	<input type="text" id="des_airport_text" style="width:50%"/>
							     </div>
                             </td>
								<td class="vatop border_left">ELEVATION:</td>
                                <td><input type="text" id="des_elevation" class="full2" disabled/>ft</td>
								<td class="vatop border_left">LANDING WEIGHT:</td>
                                <td><input type="text" id="des_landing_weight" class="full2" disabled/>lbs</td>
								<td class="vatop border_left"></td>
                                <td></td>
							</tr>
							<tr>
								<td class="vatop">RUNWAY:</td>
                                <td><input type="text" id="des_runway" class="full2" disabled/></td>
								<td class="vatop border_left">RUNWAY LENGTH:</td>
                                <td><input type="text" id="des_runway_length" class="full2" disabled/>ft</td>
								<td class="vatop border_left">GROUND ROLL:</td>
                                <td><input type="text" id="des_ground_roll" class="full2" disabled/>ft</td>
								<td class="vatop border_left">LANDING DISTANCE:</td>
                                <td><input type="text" id="des_landing_distance" class="full2" disabled/>ft</td>
							</tr>
                            <tr>
								<td class="vatop">TEMPERATURE:</td>
                                <td><input type="text" id="des_temperature" class="full2" />℃</td>
								<td class="vatop border_left">ALIMETER SETTING:</td>
                                <td><input type="text" id="des_altimeter_setting" class="full3" />inHg</td>
								<td class="vatop border_left">APPROACH SPEED:</td>
                                <td><input type="text" id="des_approach_speed" class="full3" />KIAS</td>
								<td class="vatop border_left"></td>
                                <td></td>
							</tr>
                            <tr>
								<td class="vatop">PRESSURE ALTITUDE:</td>
                                <td><input type="text" id="des_pressure_altitude" class="full2" disabled/>ft</td>
								<td class="vatop border_left">DENSITY ALTITUDE:</td>
                                <td><input type="text" id="des_density_altitude" class="full2" disabled/>ft</td>
								<td class="vatop border_left"></td>
                                <td></td>
								<td class="vatop border_left"></td>
                                <td></td>
							</tr>
						</tbody>
					</table>
				</div>    
	</div>
    <div class="cont-bottom">
		<ul class="clear">
			<li style="margin-left:-22px;"><a href="#">WEIGHT & BALANCE</a>|</li>
			<li><a href="#">WEATHER & NOTAM'S</a>|</li>
			<li><a href="#">T/O & L/D PERFORMANCE</a>|</li>
			<li><a href="#">APPLICABLE CHARTS</a>|</li>
        </ul>   
        <ul class="clear">    
			<li style="margin-left:-22px;"><a href="#">NAVIGATION LOG</a>|</li>
			<li><a href="#">FLIGHT PLAN</a>|</li>
			<li><a href="#">LICENSE & MEDICAL</a>|</li>
		</ul>
		<div class="sign-area">
          <div class="sign-area2">
			<strong>I.P.SIGNATURE : </strong><input type="text" id="signId" class="w100" />
          </div>
		</div>
	</div> 
    <div id="printcontrol" class="ms2">				     				     
     <a href="javascript:goBrowserSave();" class="btn">저장</a>
     <a href="javascript:goBrowserDelete();" class="btn">삭제</a>
     <a href="javascript:goPrint();" class="btn">인쇄</a>
    </div>  
</body>
</html>